

// messagebox
.messagebox {
  .modal {
    &-dialog {
      width: auto;
      margin-top: 316px;
    }

    &-content {
      position: relative;
      width: $messagebox-content-width;
      margin-left: -($messagebox-content-width / 2);
      padding: $messagebox-padding-top $messagebox-padding-horizontal $messagebox-padding-bottom;
      left: 50%;
      border-radius: $messagebox-border-radius;
      border: 0;
      box-shadow: none;
    }

    &-body {
      margin-bottom: 10px;
      padding: 0;
      color: #333;
    }

    &-footer {
      padding: 0;
      border: 0;
      text-align: center;

      > .btn {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 4px;

        + .btn {
          margin-left: 17px;
        }
      }
    }
  }

  &__close {
    position: absolute;
    content: '';
    width: $messagebox-close-size;
    height: $messagebox-close-size;
    right: 10px;
    top: 10px;
    background: url('~images/icons/close.png') center / 100% no-repeat;
    cursor: pointer;
  }
}